<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sd" uri="/struts-dojo-tags" %>

<sd:head parseContent="true"/>

<script type="text/javascript" src="<s:url value="/js/protocol/site.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/directory/ethicCommittee/ethicCommittee.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery/jquery.collapse.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/commonAddress.js"/>"></script>

<s:form cssClass="tableEdit2" style="margin-bottom: 0px" method="POST" enctype="multipart/form-data">


    <table class="tableEdit" style="margin-bottom: 0px" >
        <s:url var="searchSitesURL" action="getSiteByInstitutionName"  namespace="/"/>

        <s:hidden name="comiteEtica.id" value="%{comiteEtica.id}" id="main_id_ec"/>
        <s:hidden label="City" name="address.city" id="addressCity" value="%{comiteEtica.address.city}"/>
        <s:hidden label="Province" name="address.province" id="addressProvince" value="%{comiteEtica.address.province}"/>
        <s:hidden label="Country" name="address.country" id="addressCountry" value="%{comiteEtica.address.country}"/>

        <tr>
            <th colspan="2" class="tableTitle">
                <h5>Ethics Committee</h5>
            </th>
        </tr>
    </table>

    <table class="tableEditFixed" style="margin-bottom: 0px">
    <col width="200px" />
    <col width="190px" />
            <tr>
                <td><label>ECLIPSE Number:</label>
                </td>
                <td>
                    <s:textfield name="eclipseId" value="%{comiteEtica.eclipseId}" theme="simple"/>
                </td>
            </tr>
            <tr>
                <td><label>Category:</label></td>
                <td>
                    <s:select id="category_select" name="categoryC" headerKey="-1" headerValue="Choose a Category"
                              listKey="id" listValue="name" list="categories"
                              value="comiteEtica.category.id" theme="simple" onchange="siteShowHide();"/>
                </td>
            </tr>
            <tr class="hiddenOnLoad" id="site_tr">
                <td>
                    <label>Site:</label>
                </td>
                <td>
                    <!--It Sends SITE's ID to Server-->
                    <s:textfield theme="simple"
                                 name="comiteEtica.site.id"
                                 id="siteId" readonly="true" cssClass="load_hidden"/>

                    <!--search field for SITES-->
                    <s:textfield theme="simple" id="searchSite" value="%{comiteEtica.site.institucion}" style="border: 2px inset" />
                    <s:a href="#" onclick="searchSites(
                                    $('#searchSite').val(),
                                    '%{searchSitesURL}')"
                         theme="simple" >

                        <img src="<s:url value="/images/search.png"/>" alt="search"></s:a>
                        <label id="labelRequiredSite" style="color: red">*</label>
                </td>
            </tr>
            <tr  class="hiddenOnLoad" id="site_tr_info">
                <td></td>
                <td>
                    <!--listado de sites-->
                    <div id="sites-show-hide" class="collapse" style="display: none;">
                        <h3>More Information</h3>
                        <div id="selected-site-Information">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <label>Name:</label>
                </td>
                <td>
                    <s:textfield name="comiteEtica.name" value="%{comiteEtica.name}" theme="simple"/>
                </td>
            </tr>
            <tr>
                <td>
                    <label> GCP Compliant:</label>
                </td>
                <td>
                    <s:select id="gcpcompliance_select" name="gcpComplianceC"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="yesNo"
                              value="%{comiteEtica.gcpCompliance.id}"
                              theme="simple"/>
                </td>
            </tr>

            <s:if test="%{comiteEtica.id != null}">
                <s:include value="../address/addressedit.jsp"/>
            </s:if>
            <s:else>
                <s:include value="../address/addressview.jsp"/>
            </s:else>

            <tr>
                <td>
                    <label>Address:</label>
                </td>
                <td>
                    <s:textfield name="comiteEtica.address.address"
                                 value="%{comiteEtica.address.address}" theme="simple"/>
                </td>
            </tr>
            <tr><div id="div_zip">Only numbers</div></tr>
            <tr>
                <td>
                    <label>Zip Code:</label><img class="imgInfoZip" src="<s:url value="/images/info.png"/>"/>
                </td>
                <td>
                    <s:textfield name="comiteEtica.address.zipCode"
                                 value="%{comiteEtica.address.zipCode}" theme="simple"/>
                </td>
            </tr>
            <tr><div id="div_">Country Code + Area Code + Local Number</div></tr>
            <tr>
                <td>
                    <label>Phone:</label><img class="imgInfo" src="<s:url value="/images/info.png"/>"/>
                </td>
                <td>
                    <s:textfield name="comiteEtica.address.phone" id="phoneComite" value="%{comiteEtica.address.phone}" theme="simple" onchange="automaticPhoneFaxEmail()"/>
                </td>
            </tr>
            <tr>
                <td>
                    <label>Fax:</label>
                </td>
                <td>
                    <s:textfield name="comiteEtica.address.fax"  id="faxComite" value="%{comiteEtica.address.fax}" theme="simple" onchange="automaticPhoneFaxEmail()"/>
                </td>
            </tr>
            <tr>
                <td>
                    <label>Email:</label>
                </td>
                <td>
                    <s:textfield name="comiteEtica.address.email" id="emailComite" value="%{comiteEtica.address.email}" theme="simple" onchange="automaticPhoneFaxEmail()"/>
                </td>
            </tr>
            <tr>
                <td><div class="div_padding"></div></td>
                <td></td>
            </tr>

            <tr>
                <td ><label>How often does the EC meet?</label></td>

                <td >
                    <s:select id="ecFrecuency_select" name="meetingFrecuencyC"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="frecuencies"
                              value="comiteEtica.ecMeetingFrecuency.id" theme="simple" onchange="ecFrecuencyOtherShowHide();"/>

                    <s:textfield cssClass="hiddenOnLoad" id="ecFrecuencyOther"
                                 name="comiteEtica.otherECMeetingFrecuency"
                                 value="%{comiteEtica.otherECMeetingFrecuency}"
                                 theme="simple"/>
                </td>
            </tr>
            <tr>
                <td>
                    <label>Meeting Schedule (if available)</label>
                </td>
                <td>
                    <s:file name="schedule" theme="simple" cssClass="fileClass"/>
                </td>
            </tr>
                <s:if test="%{comiteEtica.fileNameSchedule != null && comiteEtica.fileNameSchedule != ''}" >
                    <tr>
                        <td style="text-align: right">
                            <s:property value="%{comiteEtica.fileNameSchedule}"  />
                        </td>
                        <td>
                        <s:url var="myurl" action="downloadFile" namespace="/" >
                            <s:param name="isSop" value="0" />
                            <s:param name="comiteEtica.id" value="%{comiteEtica.id}" />
                        </s:url>
                        <s:a action="%{myurl}" ><img class="buttonDownload" src="<s:url value="/images/b_download.png"/>" alt="Download"></s:a>
                        </td>
                    </tr>
                </s:if>
            <tr class="trEspacioAbajo">
                <td>
                    <label>What is the timeline to submit the documents to the EC?</label>
                </td>
                <td>
                    <s:textfield name="comiteEtica.timelineSubmitDocumentEC" value="%{comiteEtica.timelineSubmitDocumentEC}" theme="simple"/>
                </td>
            </tr>
            <tr class="trEspacioAbajo">
                <td><label>How long does it take the EC to provide the document approvals?</label></td>
                <td>
                    <s:select id="timeToProvide_select" name="timeToProvideDocumentApprovalsC"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="timeToProvide"
                              value="%{comiteEtica.timeToProvideDocumentApprovals.id}"
                              theme="simple" onchange="timeToProvideOtherShowHide();"/>

                    <s:textfield cssClass="hiddenOnLoad" id="timeToProvideOther"
                                 name="comiteEtica.otherTimeToProvideDocumentApprovals"
                                 value="%{comiteEtica.otherTimeToProvideDocumentApprovals}"
                                 theme="simple"/>
                </td>
            </tr>
            <tr class="trEspacioAbajo">
                <td >
                    <label>Does the EC evaluate the documents in English?</label>
                </td>
                <td >
                    <s:select id="evaluateDocumentsInEnglish_select" name="evaluateDocumentsInEnglishC"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="yesNo"
                              value="%{comiteEtica.evaluateDocumentsInEnglish.id}"
                              theme="simple"/>
                </td>
            </tr>
            <tr>
                <td >
                    <label>Has the IEC written SOPs?</label>
                </td>
                <td >
                    <s:select id="sopsWritten_select" name="sopsWrittenC"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="yesNo"
                              value="%{comiteEtica.sopsWritten.id}"
                              theme="simple" onchange="sopShowHide()"/>
                </td>
            </tr>
            <tr>
                <td>
                    <label>SOPs</label>
                </td>
                <td>
                    <s:file name="sop" id="sopFile" theme="simple" cssClass="fileClass"/>
                </td>
            </tr>
                <s:if test="%{comiteEtica.fileNameSop != null && comiteEtica.fileNameSop != ''}" >
                <tr>
                    <tr>
                        <td>
                            <s:property value="%{comiteEtica.fileNameSop}"  />
                        </td>
                        <td class="buttonDownload">
                            <s:url var="myurl" action="downloadFile" namespace="/" >
                                <s:param name="isSop" value="1" />
                                <s:param name="comiteEtica.id" value="%{comiteEtica.id}" />
                            </s:url>
                            <s:a action="%{myurl}" ><img class="buttonDownload" src="<s:url value="/images/b_download.png"/>" alt="Download"></s:a>
                        </td>
                    </tr>
                </s:if>
            <tr>
                <td><div class="div_padding"></div></td>
                <td></td>
            </tr>
            <tr>
                <td>
                    <label>Has the IEC any fee?</label>
                </td>
                <td>
                    <s:select id="fee_select" name="iecFee"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="yesNo"
                              value="%{iecFee.id}"
                              theme="simple" onchange="feeShowHide()"/>
                </td>
            </tr>
            <tr>
                <td><label>Amount:</label></td>
                <td>
                    <s:textfield name="comiteEtica.fee.amount" value="%{comiteEtica.fee.amount}" theme="simple"  cssClass="tr_fee"/>
                </td>
            </tr>
            <tr>
                <td><label>Method of payment:</label></td>
                <td>
                    <s:textfield name="comiteEtica.fee.methodOdPayment" value="%{comiteEtica.fee.methodOdPayment}" theme="simple"  cssClass="tr_fee"/>
                </td>
            </tr>
            <tr class="trEspacioAbajo">
                <td><label>Should the fee be paid before document submission?</label></td>
                <td>
                    <s:select id="shouldBePaidBeforeDocumentSubmission_select" name="shouldBePaidBeforeDocumentSubmissionC"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="yesNo"
                              value="%{comiteEtica.fee.shouldBePaidBeforeDocumentSubmission.id}"
                              theme="simple" cssClass="tr_fee" />
                </td>
            </tr>
            <tr class="trEspacioAbajo">
                <td><label>Contact in the commitee for the payment:</label></td>
                <td>
                    <s:textfield name="comiteEtica.fee.contactInTheCommittee"
                                 value="%{comiteEtica.fee.contactInTheCommittee}" theme="simple"  cssClass="tr_fee"/>
                </td>
            </tr>
            <tr>
                <td><label>Contact phone:</label><img class="imgInfo" src="<s:url value="/images/info.png"/>"/></td>
                <td>
                    <s:textfield name="comiteEtica.fee.contactPhone"
                                 value="%{comiteEtica.fee.contactPhone}" theme="simple" cssClass="tr_fee"/>
                </td>
            </tr>
            <tr>
                <td><div class="div_padding"></div></td>
                <td></td>
            </tr>
            <tr class="trEspacioAbajo">
                <td><label>Does the IEC sign, date and stamp all ICF pages?</label></td>
                <td>
                    <s:select id="allSingedDatedStamped_select" name="allSingedDatedStampedC"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="yesNo"
                              value="%{comiteEtica.allSingedDatedStamped.id}"
                              theme="simple" />
                </td>
            </tr>
            <tr>
                <td><label>Is the EC registered?</label></td>
                <td>
                    <s:select id="registered_select" name="registeredC"
                              headerKey="-1" headerValue=""
                              listKey="id" listValue="description" list="yesNo"
                              value="%{comiteEtica.registered.id}"
                              theme="simple" onchange="expDateShowHide()"/>
                </td>
            </tr>
            <tr>
                <td>
                    <label>Expiration Date:</label>
                </td>
                <td>
                    <s:textfield id="expDate" cssClass="datepicker" theme="simple"/>
                    <s:hidden name="comiteEtica.expirationDate" id="altexpDate" value="%{comiteEtica.expirationDate}"/>
                </td>
            </tr>
            <tr>
                <td><div class="div_padding"></div></td>
                <td></td>
            </tr>
            <tr>
                <td>
                    <label>MOH register date:</label>
                </td>
                <td>
                    <s:textfield id="regDateBA" cssClass="datepicker" theme="simple"/>
                    <s:hidden name="comiteEtica.registerDateBA" id="altregDateBA" value="%{comiteEtica.registerDateBA}"/>
                </td>
            </tr>
            <tr>
                <td>
                    <label>N°:</label>
                </td>
                <td>
                    <s:textfield  name="comiteEtica.numberBA" id="numberBA" value="%{comiteEtica.numberBA}" theme="simple"/>
                </td>
            </tr>
            <tr>
                <td>
                    <label>Page:</label>
                </td>
                <td>
                    <s:textfield  name="comiteEtica.pageBA" id="pageBA" value="%{comiteEtica.pageBA}" theme="simple"/>
                </td>
            </tr>
        <tr>
            <td>
                <label>Book:</label>
            </td>
            <td>
                <s:textfield  name="comiteEtica.bookBA" id="bookBA" value="%{comiteEtica.bookBA}" theme="simple"/>
            </td>
        </tr>
    </table>

    <table class="tableEdit" >
    <tr>
        <td colspan="2">
        <div id="contact-show-hide" class="collapseSeparacion" >
            <h2 style="background-color: #00579C; width: 100%">Contact Person</h2>
             <div>
                <table id="table_contact" class="tableEditFixed" style="margin-left:0px">
                    <col width="200px" />
                    <col width="190px" />
                    <s:if test="%{comiteEtica.id == null || comiteEtica.contactPersons.isEmpty()}">
                        <tr>
                            <td><label>Name:</label></td>
                            <td>
                                <s:textfield id="name0" name="comiteEtica.contactPersons[0].name" theme="simple"/>
                            </td>
                        </tr>
                        <tr>
                            <td><label>Surname:</label></td>
                            <td>
                                <s:textfield id="surname0" name="comiteEtica.contactPersons[0].surname" theme="simple"/>
                            </td>
                        </tr>
                        <tr>
                            <td><label>Role in committee:</label></td>
                            <td>
                                <s:select id="role0" name="rolesInCommittee[0]" cssClass="roleClass"
                                          headerKey="-1" headerValue=""
                                          listKey="id" listValue="description" list="roleInCommitteeList"
                                          theme="simple" onchange="chairmanShowHide(this);otherShowHide(this);"/>
                            </td>
                        </tr>
                        <tr id="role0Other" class="hiddenOnLoad">
                            <td><label>Other:</label></td>
                            <td>
                                <s:textfield id="otherRoleInCommittee0"
                                             name="comiteEtica.contactPersons[0].otherRoleInCommittee"
                                             theme="simple"/>
                            </td>
                        </tr>
                        <tr>
                            <td><label>Phone:</label><img class="imgInfo" src="<s:url value="/images/info.png"/>"/></td>
                            <td>
                                <s:textfield id="phone0" name="comiteEtica.contactPersons[0].phone"  theme="simple" cssClass="phoneClass"/>
                            </td>
                        </tr>
                        <tr>
                            <td><label>Fax:</label></td>
                            <td>
                                <s:textfield id="fax0" name="comiteEtica.contactPersons[0].fax" theme="simple" cssClass="faxClass"/>
                            </td>
                        </tr>
                        <tr>
                            <td><label>Email:</label></td>
                            <td>
                                <s:textfield id="email0" name="comiteEtica.contactPersons[0].email"  theme="simple" cssClass="emailClass"/>
                            </td>
                        </tr>
                        <tr>
                            <td><label>Time to be contacted:</label></td>
                            <td>
                                <s:textfield id="hours0"  name="comiteEtica.contactPersons[0].hours" theme="simple"/>
                            </td>
                        </tr>
                        <tr id = "role0degree">
                            <td><label>Degree:</label></td>
                            <td>
                                <s:select id="degree0" name="comiteEtica.contactPersons[0].degree.id" cssClass="degreeClass"
                                          headerKey="-1" headerValue=""
                                          listKey="id" listValue="description" list="degreeList"
                                          theme="simple" onchange="otherShowHide(this);"/>
                            </td>
                        </tr>
                        <tr id="degree0Other" class="hiddenOnLoad" >
                            <td>
                                <label>Other:</label>
                            </td>
                            <td>
                                <s:textfield id="otherDegree0"
                                             name="comiteEtica.contactPersons[0].otherDegree"
                                             theme="simple"/>
                            </td>
                        </tr>
                        <tr id="role0timeEnvelopes">
                            <td><label>Time to receive envelopes:</label></td>
                            <td>
                                <s:textfield id="timeEnvelopes0" theme="simple" name="comiteEtica.contactPersons[0].timeEnvelopes" cssClass="envelopeClass"/>
                            </td>
                        </tr>
                        <tr id="delContact" class="trEspacioAbajo">
                            <td>
                                <s:hidden></s:hidden>
                            </td>
                            <td id="delContactCell0" align="right"><a onclick="deleteContact('table_contact', $(this).closest('tr'))"><img src="<s:url value="/images/delete2.png"/>" alt="Delete"></a></td>
                        </tr>
                        <s:hidden id="cantContact" value="1" />
                        <s:hidden id="ultimoIdContact" value="0" />
                    </s:if>
                    <s:else>
                        <s:iterator value="%{comiteEtica.contactPersons}" var="con" status="stat">
                            <tr>
                                <td><label>Name:</label></td>
                                <td>
                                    <s:textfield id="name%{#stat.index}" name="comiteEtica.contactPersons[%{#stat.index}].name" value="%{#con.name}" theme="simple"/>
                                </td>
                            </tr>
                            <tr>
                                <td><label>Surname:</label></td>
                                <td>
                                    <s:textfield id="surname%{#stat.index}" name="comiteEtica.contactPersons[%{#stat.index}].surname" value="%{#con.surname}" theme="simple"/>
                                </td>
                            </tr>
                            <tr>
                                <td><label>Role in committee:</label></td>
                                <td>
                                    <s:select id="role%{#stat.index}" name="rolesInCommittee[%{#stat.index}]" cssClass="roleClass"
                                              headerKey="-1" headerValue=""
                                              listKey="id" listValue="description" list="roleInCommitteeList"
                                              value="%{rolesInCommittee[#stat.index]}"
                                              theme="simple" onchange="chairmanShowHide(this);otherShowHide(this);"/>
                                </td>
                            </tr>
                            <tr id="role<s:property value="%{#stat.index}" />Other" class="hiddenOnLoad">
                                <td><label>Other:</label></td>
                                <td>
                                    <s:textfield id="otherRoleInCommittee%{#stat.index}"
                                                 name="comiteEtica.contactPersons[%{#stat.index}].otherRoleInCommittee"
                                                 value="%{#con.otherRoleInCommittee}"
                                                 theme="simple"/>
                                </td>
                            </tr>
                            <tr>
                                <td><label>Phone:</label><img class="imgInfo" src="<s:url value="/images/info.png"/>"/></td>
                                <td>
                                    <s:textfield id="phone%{#stat.index}" name="comiteEtica.contactPersons[%{#stat.index}].phone" value="%{#con.phone}" theme="simple" cssClass="phoneClass"/>
                                </td>
                            </tr>
                            <tr>
                                <td><label>Fax:</label></td>
                                <td>
                                    <s:textfield id="fax%{#stat.index}" name="comiteEtica.contactPersons[%{#stat.index}].fax" value="%{#con.fax}" theme="simple" cssClass="faxClass"/>
                                </td>
                            </tr>
                            <tr>
                                <td><label>Email:</label></td>
                                <td>
                                    <s:textfield id="email%{#stat.index}" name="comiteEtica.contactPersons[%{#stat.index}].email" value="%{#con.email}" theme="simple" cssClass="emailClass"/>
                                </td>
                            </tr>
                            <tr>
                                <td><label>Time to be contacted:</label></td>
                                <td>
                                    <s:textfield id="hours%{#stat.index}"  name="comiteEtica.contactPersons[%{#stat.index}].hours" value="%{#con.hours}" theme="simple"/>
                                </td>
                            </tr>
                            <tr id = "role<s:property value="%{#stat.index}" />degree">
                                <td><label>Degree:</label></td>
                                <td>
                                    <s:select id="degree%{#stat.index}" name="comiteEtica.contactPersons[%{#stat.index}].degree.id" cssClass="degreeClass"
                                              headerKey="-1" headerValue=""
                                              listKey="id" listValue="description" list="degreeList"
                                              value="%{#con.degree.id}"
                                              theme="simple" onchange="otherShowHide(this);"/>
                                </td>
                            </tr>
                            <tr id="degree<s:property value="%{#stat.index}" />Other" class="hiddenOnLoad" >
                                <td>
                                    <label>Other:</label>
                                </td>
                                <td>
                                    <s:textfield id="otherDegree%{#stat.index}"
                                                 name="comiteEtica.contactPersons[%{#stat.index}].otherDegree"
                                                 value="%{#con.otherDegree}"
                                                 theme="simple"/>
                                </td>
                            </tr>
                            <tr id="role<s:property value="%{#stat.index}" />timeEnvelopes">
                                <td><label>Time to receive envelopes:</label></td>
                                <td>
                                    <s:textfield id="timeEnvelopes%{#stat.index}" theme="simple" name="comiteEtica.contactPersons[%{#stat.index}].timeEnvelopes" value="%{#con.timeEnvelopes}" cssClass="envelopeClass"/>
                                </td>
                            </tr>
                            <tr id="delContact" class="trEspacioAbajo">
                                <td>
                                    <s:hidden></s:hidden>
                                </td>
                                <td id="delContactCell<s:property value="%{#stat.index}"/>" align="right"><a onclick="deleteContact('table_contact', $(this).closest('tr'))"><img src="<s:url value="/images/delete2.png"/>" alt="Delete"></a></td>
                            </tr>
                        </s:iterator>
                        <s:hidden id="cantContact" value="%{comiteEtica.contactPersons.size()}" />
                        <s:hidden id="ultimoIdContact" value="%{comiteEtica.contactPersons.size() - 1}" />
                    </s:else>
                    <tr>
                        <th>
                            <s:hidden></s:hidden>
                        </th>
                        <th align="right"><a onclick="addContact('table_contact');"><img src="<s:url value="/images/add2.png"/>" alt="Add"></a></th>
                    </tr>
                </table>
            </div>
        </div>
        </td>
    </tr>

    <tr>
        <td colspan="2" class="centeredButtons"><s:submit value="Save" id="save" action="save" onclick="return validate();" theme="simple"/>
        </td>
    </tr>
    </table>
</s:form>

<script type="text/javascript">
    //cargo los elementos con comportamiento collapse
    var ids = [["sites-show-hide",false]];
    loadCollapse(ids);

    function loadSite(){
        var id = $('#siteId').val();
        if(id != null && id != ''){
            var institution = $('#searchSite').val();

            var site = Site(id,undefined,institution,undefined,undefined);
            closeWindows(site);
        }
    }


    /*muestra collapses para la edicion*/
    function init(){
        var id = $('#siteId').val();
        if(id != null && id != ''){
            if(!$.isEmptyObject($('#main_id_ec').val())){
                loadSite();
                siteShowHide();
                feeShowHide();
            }
        }
    }

    /*TODO: pintar el link de ethic committe*/

    window.onload=init;

</script>

<script type="text/javascript">
    var ids=new Array();
    ids[0] =  ["contact-show-hide",true];
    loadCollapse(ids);
</script>

<script type="text/javascript">
    $('#ethics').css({"color":"#EE5102","fontWeight":"bold"});
</script>
